<div class="row">
    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
        <div class="card">
            <div class="card-header">
                Encrypted Message
            </div>
            <div class="card-body">
                <p class="card-text">Some quick example text to build on the card title and make up the
                    bulk of the card's content.</p>
            </div>
            <div class="card-footer d-flex text-muted">
                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-4">
                    Message Length:
                </div>
                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-4">
                    Encrypted Message Length:
                </div>
                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-4">
                    Encrypted R and S Length:
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
        <div class="card">
            <h4 class="card-header">Enc-sig and Ver-dec</h4>
            <div class="card-body">
                <table class="table">
                    <!-- <thead>
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">First</th>
                            <th scope="col">Last</th>
                            <th scope="col">Handle</th>
                        </tr>
                    </thead> -->
                    <tbody>
                        <tr class="table-primary">
                            <th scope="row">Time</th>
                            <td>Mark</td>
                        </tr>
                        <tr class="table-success">
                            <th scope="row">Bytes</th>
                            <td>Jacob</td>
                        </tr>
                        <tr class="table-secondary">
                            <th scope="row">Time-per-ms</th>
                            <td>@twitter</td>
                        </tr>
                        <tr class="table-warning">
                            <th scope="row">Bytes-per-s</th>
                            <td>@twitter</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
        <div class="card">
            <h4 class="card-header">Enc-sig</h4>
            <div class="card-body">
                <table class="table">
                    <!-- <thead>
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">First</th>
                            <th scope="col">Last</th>
                            <th scope="col">Handle</th>
                        </tr>
                    </thead> -->
                    <tbody>
                        <tr class="table-primary">
                            <th scope="row">Time</th>
                            <td>Mark</td>
                        </tr>
                        <tr class="table-success">
                            <th scope="row">Bytes</th>
                            <td>Jacob</td>
                        </tr>
                        <tr class="table-secondary">
                            <th scope="row">Time-per-ms</th>
                            <td>@twitter</td>
                        </tr>
                        <tr class="table-warning">
                            <th scope="row">Bytes-per-s</th>
                            <td>@twitter</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 col-12">
        <div class="card">
            <h4 class="card-header">Ver-dic</h4>
            <div class="card-body">
                <table class="table">
                    <!-- <thead>
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">First</th>
                            <th scope="col">Last</th>
                            <th scope="col">Handle</th>
                        </tr>
                    </thead> -->
                    <tbody>
                        <tr class="table-primary">
                            <th scope="row">Time</th>
                            <td>Mark</td>
                        </tr>
                        <tr class="table-success">
                            <th scope="row">Bytes</th>
                            <td>Jacob</td>
                        </tr>
                        <tr class="table-secondary">
                            <th scope="row">Time-per-ms</th>
                            <td>@twitter</td>
                        </tr>
                        <tr class="table-warning">
                            <th scope="row">Bytes-per-s</th>
                            <td>@twitter</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>